﻿<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>悬停图片星星闪烁动画特效</title>


</head>
<body style="background-color: black;">

<div class="container" style="width: 1200px;margin: 0 auto;" >

		<div class="demo1" style="width: 500px;margin: 50px auto">
			<img src="img/1.jpg" class="img-thumbnail" alt="">
		</div>


</div>

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jquery-canvas-sparkles.js"></script>
<script type="text/javascript">
	$(".demo1").sparkle({
	  color: "#FFFFFF",
	  count: 50,
	  overlap: 0,
	  speed: 1,
	  minSize: 4,
	  maxSize: 7,
	  direction: "both"
	});

</script>


</body>
</html>